<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <title>云矿</title>

    <link rel="stylesheet" href="../../public/css/common.css">
    <link rel="stylesheet" href="../../public/css/bootstrap.css">
    <link rel="stylesheet" href="../css/phoneRegister.css">
    <script src="../../public/js/font_size.js"></script>
    <link rel="stylesheet" href="../../public/css/weui.css">
    <link rel="stylesheet" href="../../public/css/jquery-weui.css">
    <style>
        .weui-toast_content{
            margin-bottom: 0 !important;
        }
    </style>
</head>
<body>
    <div class="container p-0">
        <div class="row pRegiterTop">
            <div class="col-auto d-flex justify-content-center align-items-center" id="comeback">
                <img src="../../public/images/left.png" alt="" class="mr-1"><span style="font-size:0.4rem;color:#fff">手机号注册</span>
            </div>
        </div>
        <div class="row justify-content-center"style="margin-top: 1.0rem;">
            <div class="col-auto d-flex justify-content-center align-items-center">
                <img src="../../public/images/userName.png" alt="" class="mr-1 img-size">
                <div class="regiter01">
                    <input type="text" placeholder="请输入用户名(字母和数字组合至少8位)" style="width:4.24rem;" id="username">
                </div>
            </div>
        </div>
        <div class="row justify-content-center"style="margin-top: 0.6rem;">
            <div class="col-auto d-flex justify-content-center align-items-center">
                <img src="../../public/images/phone.png" alt="" class="mr-1 img-size">
                <div class="regiter01">
                    <input type="text" placeholder="请输入手机号码" style="width:4.24rem;" id="phone" >
                </div>
            </div>
        </div>
        <div class="row justify-content-center"style="margin-top: 0.6rem;">
            <div class="col-auto d-flex justify-content-center align-items-center">
                <img src="../../public/images/password.png" alt="" class="mr-1 img-size">
                <div class="regiter01 d-flex justify-content-between align-items-center">
                    <input type="password" placeholder="请输入至少8位密码" style="width:4.24rem;" id="password">
                    <img src="../../public/images/show.png" alt="" class="img-size01" id="visible" data-change="invisible">
                </div>
            </div>
        </div>
        <div class="row justify-content-center"style="margin-top: 0.6rem;">
            <div class="col-auto d-flex justify-content-center align-items-center">
                <img src="../../public/images/referer.png" alt="" class="mr-1 img-size">
                <div class="regiter01">
                    <input type="text" placeholder="填写推荐人手机号码" style="width:4.24rem;" id="rPhone">
                </div>
            </div>
        </div>
        <div class="row justify-content-center"style="margin-top: 0.6rem;">
            <div class="col-auto d-flex justify-content-center align-items-center">
                <img src="../../public/images/Vcode.png" alt="" class="mr-1 img-size">
                <div class="regiter01" style="width:3.94rem;">
                    <input type="text" placeholder="请输入验证码" style="width:3.9rem;" id="inputYZM">
                </div>
                <div class="vCodeStyle p-0 text-center" style="font-size:0.24rem;" id="yzm">
                    <div>获取验证码</div>
                    <img src="" alt="" class="yzmIMG" >
                </div>
            </div>
        </div>
        <div class="row justify-content-center aText">
            <div class="col-auto p-0 d-flex">
                <input type="checkbox" class="aInput align-self-center" id="agrement" checked>
            </div>
            <div class="col-auto p-0">我已阅读并同意</div>
            <div class="col-auto userAgremment p-0" onclick="location.href='../userAgrement.html'">【云矿用户协议】</div>
        </div>
        <div class="row justify-content-center">
            <div class="col-auto loginBtn d-flex justify-content-center " id="nextPage">
                <span class="align-self-center">下一步</span>
            </div>
        </div>
        <div class="row justify-content-center mt-2">
            <div class="col-auto p-0 registerBottom">
                已有账号？
            </div>
            <div class="col-auto p-0" id="ljdl" >
                立即登录
            </div>
        </div>
    </div>
    <script src="../../public/js/jquery-2.1.4.js"></script>
    <script src="../../public/js/jquery-weui.js"></script>
    <script src="../../public/js/common.js"></script>
    <script src="../js/phoneRegister/phoneRegister.js"></script>
</body>
</html>